<template>
  <!-- 我的资产 -->
  <div class="myProperty-view youke">
    <Navs left></Navs>
    <Main>
      <template slot="main">
          <div class="center">
              <div class="top">
                  <img src="~@/assets/img/touxaing.png" alt="">
                  <div>
                      <p>昵称：明公子</p>
                      <p style="color:#666666;">类型：转出</p>
                  </div>
                  <span>-100.00</span>
              </div>
              <ul>
                     <li><span>手机号</span><p>15815803748</p> </li>
                     <li><span>数量</span><p>200枚</p> </li>
                     <li> <span>钱包地址</span><p>广东省广州市天河区软件园</p> </li>
                     <li> <span>提交时间</span><p>15815803748</p></li>
              </ul>
            </div>
    
      </template>
    </Main>
    <!-- <Tabbar></Tabbar> -->
  </div>
</template>

<script type="text/ecmascript-6">
export default {
  //接收父级传递的参数
  props: [],
  //监听数据变化
  watch: {},
  data() {
    return {
      
    };
  },
  //实例初始化之前触发事件
  beforeCreate() {},
  //实例化之后触发事件
  created() {},
  //实时监控data参数数据变化
  computed: {},
  //模板组件
  components: {},
  //执行方法
  methods: {},
  mounted() {}
  //路由退出时候调用

};
</script>

<style scoped lang="less">
.center{
   padding: 0 10px;
       background: white;

   .top{
       height: 60px;
       border-bottom: 1px solid #f3f3f3;
       padding: 20px 0;
       img{
           width: 60px;
           height: 60px;
           border-radius: 50%;
           float: left;
       }
       div{
           float: left;
           margin-top: 15px;
           margin-left: 15px;
           p{
               padding: 0xp;
               margin: 0px;
           }
       }
       span{
           float: right;
           line-height: 60px;
       }
   }
   li{
       height: 40px;
       span{
         display: inline-block;
         width:30%;
         float: left;
       line-height: 40px;

       }
       p{
           float: right;
           width: 70%;
           line-height: 40px;
           padding: 0px;
           margin: 0px;
           text-align: right;
       }
   }
}
</style>
